<template>
	<view class="message">
		<view class="message-header" style="width: 120rpx;">
			<u-avatar
				src="http://love.q05.cc/10347557ca50b461948021c571afafd1.png"
				size="109"
			></u-avatar>
		</view>
		<view style="width: 475rpx;padding-left: 14rpx;">
			<view style="font-size: 32rpx;font-weight: 500;color: #203fae;padding: 10rpx 0;">
				<text>李漂亮</text>
			</view>
			<view>
				<image src="../../static/icon/love.png" style="width:30rpx;height: 30rpx ;" mode=""></image>
			</view>
			<view style="fons-size:20rpx;color: rgba(0,0,0,0.60);">
				<text style="">12月12日 17:45</text>
			</view>
		</view>
		<view class="message-header">
			<u-image width="109rpx" height="109rpx" src="http://love.q05.cc/10347557ca50b461948021c571afafd1.png"></u-image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"message-card",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.message{
		display: flex;
		padding: 22rpx 0;
		border-bottom: 2rpx solid rgba(0,0,0,0.08);
		margin:  29rpx;
	}
	.message-header{
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
